var bannerHeight;

$(document).ready(function() {
    bannerHeight = $(".background-banner").height();

    $(window).scroll(function(event){
        if ($(window).scrollTop() > bannerHeight) {
            $(".top-menu").css({
                "background": "white",
                "border-bottom": "3px groove #efefef"
            });
            $(".menu-title").css("color", "black");
            $(".menu-text").css("color", "black");
            $(".menu-text").removeClass("item-state-white");
            $(".menu-text").addClass("item-state-black");
            $(".dropdown").removeClass("dropdown-state-black");
            $(".dropdown").addClass("dropdown-state-white");
            $(".img-user").attr("src", "img/user-black.png");
        } else {
            $(".top-menu").css({
                "background": "",
                "border-bottom": "0"
            });
            $(".menu-title").css("color", "white");
            $(".menu-text").css("color", "white");
            $(".menu-text").addClass("item-state-white");
            $(".menu-text").removeClass("item-state-black");
            $(".dropdown").removeClass("dropdown-state-white");
            $(".dropdown").addClass("dropdown-state-black");
            $(".img-user").attr("src", "img/user-white.png");
        }
    });
});
